<div class="hbox">
    <div class="col w padder-v bg-white">
        <exam-side-bar on-select="vm.selectExam($value)" />
    </div>
    <div class="col">
        <div class="vbox">
		<div class="wrapper text-center bg-light">
			<form class="form-inline" style="display: inline-block" name="searchForm" ng-submit="vm.search()" novalidate>
				<div class="form-group m-r-xs">
					<select class="form-control" ng-model="vm.filter.subject">
						<option value="">选择科目</option>
						<option value="SX" >速写</option>
						<option value="SC" >色彩</option>
						<option value="SM" >素描</option>

					</select>
				</div>
				<div class="form-group m-r-xs">
					<select class="form-control" ng-model="vm.filter.level"  required="required">
						<option value="">选择档位</option>
						<option value="A" >A</option>
						<option value="B" >B</option>
						<option value="C" >C</option>
						<option value="D" >D</option>
					</select>
				</div>
                <div class="form-group m-r">
                    <input type="text" placeholder="学生姓名" ng-model="vm.filter.name" class="form-control" />
                </div>
				<div class="form-group m-r">
					<button type="submit" class="btn btn-primary" ng-disabled="searchForm.$invalid">查询</button>
				</div>
				<div class="form-group text-lg m-r">
					共 {{(vm.papers | filter:vm.filter).length}} 张
				</div>
				
			</form>
			
		</div>
		<div class="row-row">
			<div class="cell" id="scroll-wrapper">
				<div class="cell-inner">
					<div class="wrapper text-center">
						<div class="m-r-xs-xs wrapper" style="width: 360px;display: inline-block;" ng-repeat="image in vm.papers | filter:vm.filter">
							<div class="" style="height: 280px;position: relative">
								<img image-viewer="{{image.imgSrc}}" style="max-height:100%;max-width: 100%; width: auto;height: auto;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;cursor: pointer"
									ng-src="{{image.imgSrc}}" alt="..." class="b-a b-5x b-white box-shadow-lg" >
							</div>
							<div class="wrapper-xs text-center">
								<a ng-click="vm.toggleTag(image)"  class="text-lg padder">{{image.name}}&nbsp;<span class="text-danger font-bold" >{{image.score}}</span>分</a>
								<span class="text-warning" ng-if="image.tagged" >已标记</span>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

	</div>
    </div>
</div>